<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="display: flex; flex-direction: column; gap: 16px;"
    >
      <div
        class="ant-form-item ant-form-item-horizontal"
      >
        <div
          class="ant-row ant-form-item-row"
        >
          <div
            class="ant-col ant-form-item-label"
          >
            <label
              class=""
              for="mode"
              title="模式"
            >
              模式
            </label>
          </div>
          <div
            class="ant-col ant-form-item-control"
          >
            <div
              class="ant-form-item-control-input"
            >
              <div
                class="ant-form-item-control-input-content"
              >
                <div
                  aria-label="segmented control"
                  class="ant-segmented ant-segmented-block"
                  id="mode"
                  role="radiogroup"
                  tabindex="0"
                >
                  <div
                    class="ant-segmented-group"
                  >
                    <label
                      class="ant-segmented-item ant-segmented-item-selected"
                    >
                      <input
                        class="ant-segmented-item-input"
                        name="test-id"
                        type="radio"
                      />
                      <div
                        aria-selected="true"
                        class="ant-segmented-item-label"
                        title="编辑"
                      >
                        编辑
                      </div>
                    </label>
                    <label
                      class="ant-segmented-item"
                    >
                      <input
                        class="ant-segmented-item-input"
                        name="test-id"
                        type="radio"
                      />
                      <div
                        aria-selected="false"
                        class="ant-segmented-item-label"
                        title="只读"
                      >
                        只读
                      </div>
                    </label>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <form
        autocomplete="off"
        class="ant-form ant-form-vertical ant-pro-form"
      >
        <input
          style="display: none;"
          type="text"
        />
        <div
          class="ant-form-item ant-form-item-vertical"
        >
          <div
            class="ant-row ant-form-item-row"
          >
            <div
              class="ant-col ant-form-item-label"
            >
              <label
                class=""
                for="name"
                title="姓名"
              >
                姓名
              </label>
            </div>
            <div
              class="ant-col ant-form-item-control"
            >
              <div
                class="ant-form-item-control-input"
              >
                <div
                  class="ant-form-item-control-input-content"
                >
                  <span
                    class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-outlined"
                  >
                    <input
                      class="ant-input"
                      id="name"
                      placeholder="请输入"
                      type="text"
                      value=""
                    />
                    <span
                      class="ant-input-suffix"
                    >
                      <button
                        class="ant-input-clear-icon ant-input-clear-icon-hidden"
                        tabindex="-1"
                        type="button"
                      >
                        <span
                          aria-label="close-circle"
                          class="anticon anticon-close-circle"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="close-circle"
                            fill="currentColor"
                            fill-rule="evenodd"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                            />
                          </svg>
                        </span>
                      </button>
                    </span>
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          class="ant-pro-form-list"
        >
          <div
            class="ant-form-item ant-form-item-vertical"
          >
            <div
              class="ant-row ant-form-item-row"
            >
              <div
                class="ant-col ant-form-item-label"
              >
                <label
                  class=""
                  title="用户信息"
                >
                  用户信息
                </label>
              </div>
              <div
                class="ant-col ant-form-item-control"
              >
                <div
                  class="ant-form-item-control-input"
                >
                  <div
                    class="ant-form-item-control-input-content"
                  >
                    <div
                      style="width: max-content; max-width: 100%; min-width: 100%;"
                    >
                      <div
                        class="ant-pro-form-list-item ant-pro-form-list-item-default"
                        style="display: flex; align-items: flex-end;"
                      >
                        <div
                          class="ant-pro-form-list-container"
                        >
                          <div
                            class="ant-pro-form-group"
                          >
                            <div>
                              <div
                                class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
                                style="column-gap: 32px; row-gap: 0;"
                              >
                                <div
                                  class="ant-space-item"
                                >
                                  <div
                                    class="ant-form-item ant-form-item-vertical"
                                  >
                                    <div
                                      class="ant-row ant-form-item-row"
                                    >
                                      <div
                                        class="ant-col ant-form-item-label"
                                      >
                                        <label
                                          class=""
                                          for="labels_0_value"
                                          title="值"
                                        >
                                          值
                                        </label>
                                      </div>
                                      <div
                                        class="ant-col ant-form-item-control"
                                      >
                                        <div
                                          class="ant-form-item-control-input"
                                        >
                                          <div
                                            class="ant-form-item-control-input-content"
                                          >
                                            <span
                                              class="ant-input-affix-wrapper ant-input-outlined"
                                            >
                                              <input
                                                class="ant-input"
                                                id="labels_0_value"
                                                placeholder="请输入"
                                                type="text"
                                                value="333"
                                              />
                                              <span
                                                class="ant-input-suffix"
                                              >
                                                <button
                                                  class="ant-input-clear-icon"
                                                  tabindex="-1"
                                                  type="button"
                                                >
                                                  <span
                                                    aria-label="close-circle"
                                                    class="anticon anticon-close-circle"
                                                    role="img"
                                                  >
                                                    <svg
                                                      aria-hidden="true"
                                                      data-icon="close-circle"
                                                      fill="currentColor"
                                                      fill-rule="evenodd"
                                                      focusable="false"
                                                      height="1em"
                                                      viewBox="64 64 896 896"
                                                      width="1em"
                                                    >
                                                      <path
                                                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                                                      />
                                                    </svg>
                                                  </span>
                                                </button>
                                              </span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                                <div
                                  class="ant-space-item"
                                >
                                  <div
                                    class="ant-form-item ant-form-item-vertical"
                                  >
                                    <div
                                      class="ant-row ant-form-item-row"
                                    >
                                      <div
                                        class="ant-col ant-form-item-label"
                                      >
                                        <label
                                          class=""
                                          for="labels_0_label"
                                          title="显示名称"
                                        >
                                          显示名称
                                        </label>
                                      </div>
                                      <div
                                        class="ant-col ant-form-item-control"
                                      >
                                        <div
                                          class="ant-form-item-control-input"
                                        >
                                          <div
                                            class="ant-form-item-control-input-content"
                                          >
                                            <span
                                              class="ant-input-affix-wrapper ant-input-outlined"
                                            >
                                              <input
                                                class="ant-input"
                                                id="labels_0_label"
                                                placeholder="请输入"
                                                type="text"
                                                value="333"
                                              />
                                              <span
                                                class="ant-input-suffix"
                                              >
                                                <button
                                                  class="ant-input-clear-icon"
                                                  tabindex="-1"
                                                  type="button"
                                                >
                                                  <span
                                                    aria-label="close-circle"
                                                    class="anticon anticon-close-circle"
                                                    role="img"
                                                  >
                                                    <svg
                                                      aria-hidden="true"
                                                      data-icon="close-circle"
                                                      fill="currentColor"
                                                      fill-rule="evenodd"
                                                      focusable="false"
                                                      height="1em"
                                                      viewBox="64 64 896 896"
                                                      width="1em"
                                                    >
                                                      <path
                                                        d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                                                      />
                                                    </svg>
                                                  </span>
                                                </button>
                                              </span>
                                            </span>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                        <div
                          class="ant-pro-form-list-action"
                        >
                          <span
                            aria-describedby="test-id"
                            aria-label="smile"
                            class="anticon anticon-smile ant-pro-form-list-action-icon action-copy"
                            role="img"
                            tabindex="-1"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="smile"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M288 421a48 48 0 1096 0 48 48 0 10-96 0zm352 0a48 48 0 1096 0 48 48 0 10-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 01248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 01249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 01775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 01775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 00-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 00-8-8.4z"
                              />
                            </svg>
                          </span>
                          <span
                            aria-describedby="test-id"
                            aria-label="close-circle"
                            class="anticon anticon-close-circle ant-pro-form-list-action-icon action-remove"
                            role="img"
                            tabindex="-1"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="close-circle"
                              fill="currentColor"
                              fill-rule="evenodd"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm0 76c-205.4 0-372 166.6-372 372s166.6 372 372 372 372-166.6 372-372-166.6-372-372-372zm128.01 198.83c.03 0 .05.01.09.06l45.02 45.01a.2.2 0 01.05.09.12.12 0 010 .07c0 .02-.01.04-.05.08L557.25 512l127.87 127.86a.27.27 0 01.05.06v.02a.12.12 0 010 .07c0 .03-.01.05-.05.09l-45.02 45.02a.2.2 0 01-.09.05.12.12 0 01-.07 0c-.02 0-.04-.01-.08-.05L512 557.25 384.14 685.12c-.04.04-.06.05-.08.05a.12.12 0 01-.07 0c-.03 0-.05-.01-.09-.05l-45.02-45.02a.2.2 0 01-.05-.09.12.12 0 010-.07c0-.02.01-.04.06-.08L466.75 512 338.88 384.14a.27.27 0 01-.05-.06l-.01-.02a.12.12 0 010-.07c0-.03.01-.05.05-.09l45.02-45.02a.2.2 0 01.09-.05.12.12 0 01.07 0c.02 0 .04.01.08.06L512 466.75l127.86-127.86c.04-.05.06-.06.08-.06a.12.12 0 01.07 0z"
                              />
                            </svg>
                          </span>
                        </div>
                      </div>
                      <button
                        class="ant-btn ant-btn-dashed ant-btn-color-default ant-btn-variant-dashed ant-btn-block ant-pro-form-list-creator-button-bottom"
                        type="button"
                      >
                        <span
                          class="ant-btn-icon"
                        >
                          <span
                            aria-label="plus"
                            class="anticon anticon-plus"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="plus"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8z"
                              />
                              <path
                                d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8z"
                              />
                            </svg>
                          </span>
                        </span>
                        <span>
                          添加一行数据
                        </span>
                      </button>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div
          style="display: flex; gap: 8px; align-items: center;"
        >
          <button
            class="ant-btn ant-btn-default ant-btn-color-default ant-btn-variant-outlined"
            type="button"
          >
            <span>
              重 置
            </span>
          </button>
          <button
            class="ant-btn ant-btn-primary ant-btn-color-primary ant-btn-variant-solid"
            type="button"
          >
            <span>
              提 交
            </span>
          </button>
        </div>
      </form>
    </div>
  </div>
</DocumentFragment>